<template>
	<ex-dialog v-model="visible" draggable :title="form.userName"
  width="700" :contentHeight="450">
	  <template #header>
		<div style="width: 100%">
		  <div style="float: left;width: 100%">
			<h3>{{form.userName}}&nbsp;</h3>
		  </div>
		  <div style="float: left;width: 100%;margin-top: -10px;margin-bottom: -30px;">
			<el-divider border-style="dashed"/>
		  </div>
		</div>
	  </template>
	  <template #default>
		<el-tabs v-model="activeName"  style="height: 100%">
		  <el-tab-pane label="基本信息" name="base" style="height: 100%">
			<el-descriptions class="margin-top" :column="2" border>
			  <el-descriptions-item label="人员编码">{{form.userCode}}</el-descriptions-item>
			  <el-descriptions-item label="人员名称">{{form.userName}}</el-descriptions-item>
			  <el-descriptions-item label="用户手机号">{{form.mobile}}</el-descriptions-item>
			  <el-descriptions-item label="用户邮箱">{{form.email}}</el-descriptions-item>
			  <el-descriptions-item label="排序">{{form.orderWeight}}</el-descriptions-item>
			  <el-descriptions-item label="员工状态"><ex-label code="EMPLOYEE_STATUS" :value="form.employee.employeeStatus"/></el-descriptions-item>
			  <el-descriptions-item label="创建时间"><ex-label format code="DATETIME" :value="form.createTime"/></el-descriptions-item>
			  <el-descriptions-item label="创建人"><ex-label code="SysUser" :value="form.createUser"/></el-descriptions-item>
			</el-descriptions>
		  </el-tab-pane>
		</el-tabs>
	  </template>
	</ex-dialog>
  </template>

  <script>
  import ExRelTable from "@/components/exRelTable/index.vue";
  import ExLabel from "@/components/exLabel/index.vue";
  import exDialog from '@/components/exDialog';

  export default {
	computed: {
	},
	emits: ['success'],
	components: {
		ExLabel,
	  ExRelTable,
	  exDialog
	},
	props: {
	},
	data() {
	  return {
		activeName: 'base',
		visible: false,
		form: {},
	  }
	},
	methods: {
	  //显示
	  open(entity) {
		this.form = Object.assign({}, entity);
		this.visible = true;
		this.activeName = "base";
	  },
	}
  }
  </script>

  <style scoped>
  h2 {
	font-size: 17px;
	color: #3c4a54;
	padding: 0 0 30px 0;
  }

  [data-theme="dark"] h2 {
	color: #fff;
  }

  </style>
